{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit">

      <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>数据统计</legend>
      </fieldset>   
       
      <div style="padding: 20px; background-color: #F2F2F2;">
        <div class="layui-row layui-col-space15">
            
          <div class="layui-col-md4">
            <div class="layui-card">
              <div class="layui-card-header" style="text-align:center;"><strong>用户量</strong></div>
              <div class="layui-card-body" style="text-align:center;">
                普通用户：<span style="color: brown;">{$users.1}</span> 人，
                会员用户：<span style="color: brown;">{$users.2}</span> 人，
                加盟商：<span style="color: brown;">{$users.3}</span> 人
              </div>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="layui-card">
              <div class="layui-card-header" style="text-align:center;"><strong>商品订单</strong></div>
              <div class="layui-card-body" style="text-align:center;">
                已售订单数: <span style="color: brown;"> {$orderNum.1} </span> 件, 订单金额：<span style="color: brown;"> {$orderAmount.1} 元
              </div>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="layui-card">
              <div class="layui-card-header" style="text-align:center;"><strong>课程订单</strong></div>
              <div class="layui-card-body" style="text-align:center;">
                已售订单数: <span style="color: brown;"> {$orderNum.2} </span> 件, 订单金额：<span style="color: brown;"> {$orderAmount.2} 元
              </div>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="layui-card">
              <div class="layui-card-header" style="text-align:center;"><strong>在销售商品数量</strong></div>
              <div class="layui-card-body">
                <h2 style="color: brown; text-align:center;"> {$goodsNum} 种</h2>
              </div>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header" style="text-align:center;"><strong>素材量</strong></div>
                <div class="layui-card-body" style="text-align:center;">
                  文档：<span style="color: brown;">{$materialNum.2}</span> 篇，
                  图片：<span style="color: brown;">{$materialNum.4}</span> 张，
                  视频：<span style="color: brown;">{$materialNum.5}</span> 个
                </div>
            </div>
          </div>
          <div class="layui-col-md4">
            <div class="layui-card">
              <div class="layui-card-header" style="text-align:center;"><strong>在线课程数量</strong></div>
              <div class="layui-card-body">
                <h2 style="color: brown; text-align:center;"> {$courseNum} 件</h2> 
              </div>
            </div>
          </div>
         
        </div>

        </div>
      </div> 

</div>
{include file="common/foot"/}
<script>
    layui.use('table', function() {
        var table = layui.table;
    })
</script>
</body>
</html>